﻿<!doctype html>
<html>
<head>
<title>icarrien</title>
<meta content="icarrien, Jeffrey Fang" name="keywords" />
<meta content="icarrien's personal Website" name="description" />
<style>
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word;}
body,button,input,select,textarea{font:12px/20px Arial,Helvetica,sans-serif;}
ul,ol{list-style:none;}
.clearfix:before, .clearfix:after {content:"";display:table;}
	.clearfix:after {clear:both;}
	.clearfix{zoom:1;}
body{background:#2C2C2C url(images/bg.png) repeat;color:#333;}	
a{color:#555;text-decoration:none;outline:none;hide-focus:expression(this.hideFocus=true);overflow:hidden;}
	a:hover{text-decoration:underline;}
.bio { display:none;}
	
.nav {position:fixed; left:10px; top:140px; width:31px;}
	.nav li { display:inline; float:left; margin-bottom:10px;}
	.nav li a { display:block; width:31px; height:31px; overflow:hidden; background-image:url(images/icon_grey.png); text-indent:-9999px; opacity:.15; filter:Alpha(Opacity=15); transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out;}
	.nav .item_01 a{background-position:0 0;}
	.nav .item_02 a{background-position:0 -31px;}
	.nav .item_03 a{background-position:0 -62px;}
	.nav .item_04 a{background-position:0 -93px;}
	.nav .item_05 a{background-position:0 -124px;}
	.nav .item_06 a{background-position:0 -155px;}
	.nav .item_07 a{background-position:0 -186px;}
	.nav .item_08 a{background-position:0 -217px;}
	.nav li a:hover { opacity:0.4; filter:Alpha(Opacity=40); transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}
	
.avatar{
	position:fixed; left:10px; top:10px; display:block; width:31px; height:31px; overflow:hidden; border-radius:22px; background:url(images/avatar_icarrien.png) no-repeat 0 0;  opacity:.25; filter:Alpha(Opacity=25); text-indent:-999px;	cursor:crosshair;
	
	animation-name:avatar_icarrien;
	animation-duration:10s;
	animation-timing-function:linear;
	animation-delay:1s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-play-state:running;

	-moz-animation-name:avatar_icarrien;
	-moz-animation-duration:10s;
	-moz-animation-timing-function:linear;
	-moz-animation-delay:1s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:alternate;
	-moz-animation-play-state:running;

	-webkit-animation-name:avatar_icarrien;
	-webkit-animation-duration:10s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	-webkit-animation-play-state:running;
}

@keyframes avatar_icarrien{
	0%   { left:10px; top:10px; }
	50%  { left:10px; top:100px; -moz-transform:rotate(360deg);}
	100% { left:10px; top:10px; }
}

@-moz-keyframes avatar_icarrien{
	0%   { left:10px; top:10px;}
	50%  { left:10px; top:100px; -moz-transform:rotate(360deg);}
	100% { left:10px; top:10px;}
}

@-webkit-keyframes avatar_icarrien{
	0%   { left:10px; top:10px; }
	50%  { left:10px; top:100px; -webkit-transform:rotate(360deg);}
	100% { left:10px; top:10px;}
}
</style>
</head>
<body>
<h1 class="avatar">icarrien</h1>
<div class="bio">
	<h1>Jeffrey Fang</h1>
</div>
<ul class="nav">
	<li class="item_01"><a target="_blank" href="http://icarrien.tumblr.com">Tumblr</a></li>
	<li class="item_02"><a target="_blank" href="http://twitter.com/icarrien">Twitter</a></li>
	<li class="item_03"><a target="_blank" href="http://twitter.com/icarrien">Facebook</a></li>
	<li class="item_04"><a target="_blank" href="https://foursquare.com/icarrien">Foursquare</a></li>
	<li class="item_05"><a target="_blank" href="http://last.fm/user/icarrien">Last.fm</a></li>
	<li class="item_06"><a target="_blank" href="http://flickr.com/icarrien">Flickr</a></li>
	<li class="item_07"><a target="_blank" href="http://web.stagram.com/n/icarrien">Instagram</a></li>
	<li class="item_08"><a target="_blank" href="http://weibo.com/carrien">Weibo</a></li>
</ul>
<script>
if(!!window.ActiveXObject && !window.XMLHttpRequest){
	location.replace('http://byzuo.com/ie6');
}
</script>
</body>
</html>